import { createApp } from 'vue'
import App from './App.vue'
// import {Button, Icon, NavBar, Tabbar, TabbarItem} from 'vant';
import * as VueRouter from "vue-router";
import routes from "./config/route";
import Vant, {Lazyload} from 'vant';
import 'vant/lib/index.css';

const app = createApp(App);
app.use(Vant)
// 注册时设置`lazyComponent`选项
app.use(Lazyload, {
    lazyComponent: true,
});

// app.use(Button);
// app.use(NavBar);
// app.use(Tabbar);
// app.use(TabbarItem);
// app.use(Icon)

// 创建路由实例并传递 `routes` 配置
const router = VueRouter.createRouter({
    // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
    history: VueRouter.createWebHashHistory(),
    routes, // `routes: routes` 的缩写
})

//确保 _use_ 路由实例使
//整个应用支持路由。
app.use(router)
app.mount('#app')